// 重置样式
@import './reset.scss';

// 变量和混合函数
@import './variables.scss';
@import './mixins.scss';

// 工具类
@import './utils.scss';

// 组件样式
@import './components.scss';

// 全局样式
html {
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.5;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 
    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 
    'Noto Color Emoji';
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  color: var(--text-color);
  background-color: var(--bg-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

// 链接样式
a {
  color: var(--primary-color);
  text-decoration: none;
  transition: var(--transition-base);
  
  &:hover {
    color: var(--primary-color-light);
    text-decoration: underline;
  }
  
  &:focus {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
  }
}

// 按钮基础样式
button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  
  &:focus {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
  }
  
  &:disabled {
    cursor: not-allowed;
    opacity: 0.6;
  }
}

// 输入框基础样式
input,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  
  &:focus {
    outline: none;
  }
}

// 图片响应式
img {
  max-width: 100%;
  height: auto;
  display: block;
}

// 代码样式
code {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  font-size: 0.9em;
  background: var(--bg-color-light);
  padding: 2px 4px;
  border-radius: var(--border-radius-small);
  border: 1px solid var(--border-color);
}

pre {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  background: var(--bg-color-light);
  padding: var(--spacing-md);
  border-radius: var(--border-radius-base);
  border: 1px solid var(--border-color);
  overflow-x: auto;
  line-height: 1.4;
  
  code {
    background: none;
    padding: 0;
    border: none;
    border-radius: 0;
  }
}

// 表格样式
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  
  th,
  td {
    padding: var(--spacing-sm) var(--spacing-md);
    text-align: left;
    border-bottom: 1px solid var(--border-color);
  }
  
  th {
    font-weight: 600;
    background: var(--bg-color-light);
  }
  
  tr:hover {
    background: var(--bg-color-light);
  }
}

// 分割线
hr {
  border: none;
  height: 1px;
  background: var(--border-color);
  margin: var(--spacing-lg) 0;
}

// 引用样式
blockquote {
  margin: var(--spacing-md) 0;
  padding: var(--spacing-md);
  border-left: 4px solid var(--primary-color);
  background: var(--bg-color-light);
  font-style: italic;
}

// 列表样式
ul,
ol {
  padding-left: var(--spacing-lg);
  
  li {
    margin-bottom: var(--spacing-xs);
  }
}

// 标题样式
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-color-primary);
}

h1 { font-size: var(--font-size-extra-large); }
h2 { font-size: var(--font-size-large); }
h3 { font-size: var(--font-size-medium); }
h4 { font-size: var(--font-size-base); }
h5 { font-size: var(--font-size-small); }
h6 { font-size: var(--font-size-extra-small); }

// 强调文本
strong, b {
  font-weight: 600;
}

em, i {
  font-style: italic;
}

// 标记文本
mark {
  background: #fff3cd;
  padding: 2px 4px;
  border-radius: var(--border-radius-small);
}

// 小号文本
small {
  font-size: var(--font-size-small);
  color: var(--text-color-secondary);
}

// 删除线文本
del {
  text-decoration: line-through;
  color: var(--text-color-secondary);
}

// 下划线文本
ins {
  text-decoration: underline;
  color: var(--primary-color);
}

// 上标下标
sup, sub {
  font-size: 0.8em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

// 占位符样式
::placeholder {
  color: var(--text-color-placeholder);
  opacity: 1;
}

// ==============================================
// 智能体问答系统 - 样式入口文件
// ==============================================

// 导入 Element Plus 基础样式
@import 'element-plus/dist/index.css';

// 导入自定义变量
@import './variables.scss';

// 导入全局样式
@import './global.scss';

// 导出变量供 JavaScript 使用
:export {
  primaryColor: $primary-color;
  successColor: $success-color;
  warningColor: $warning-color;
  dangerColor: $danger-color;
  infoColor: $info-color;
  
  breakpointSm: $breakpoint-sm;
  breakpointMd: $breakpoint-md;
  breakpointLg: $breakpoint-lg;
  breakpointXl: $breakpoint-xl;
  breakpointXxl: $breakpoint-xxl;
  
  headerHeight: $header-height;
  sidebarWidth: $sidebar-width;
  rightPanelWidth: $right-panel-width;
}
